<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>Document</title>
		<script src="./vue.global.js"></script>
		<link rel="stylesheet" href="./index.css" />
		<link rel="stylesheet" href="./table.css" />
		<link rel="stylesheet" href="./pugong.css" />
		<link rel="stylesheet" href="./utils.css" />
		<script src="./index.full.js"></script>

		<script>
			//适配代码
			(function(doc, win) {
				var docEI = doc.documentElement,
					resizeEvt =
					"orientationchange" in window ? "orientataionchange" : "resize",
					recalc = function() {
						var clientWidth = docEI.clientWidth;
						if (!clientWidth) return;
						//100是字体大小，1536是开发时浏览器窗口的宽度，等比计算
						docEI.style.fontSize = 100 * (clientWidth / 1536) + "px";
					};

				if (!doc.addEventListener) return;
				win.addEventListener(resizeEvt, recalc, false);
				doc.addEventListener("DOMContentLoaded", recalc, false);
			})(document, window);
		</script>
		<style>
			* {
				/* margin: 0;
        padding: 0; */
				font-size: 0.15rem;
			}
		</style>
	</head>

	<body>
		<div id="app" class="table-content text-left ">
			<h3 class="text-center mb-2" style="font-size: 0.25rem">安全操作规程告知书</h3>

<div class="text-indent">1、挖掘机司机必须经过专门训练，了解机械构造、性能，熟悉操作方法和保养规程，并经考试合格后方准独立操作。</div>
<div class="text-indent">2、加油时禁止吸烟或接近明火，汽油着火时，应用泡沫灭火器或用沙扑灭，不得用水扑灭。</div>
<div class="text-indent">3、工作前应对发动机、传动部分、液压部分，作业部分、制动部分、各种仪表和钢丝绳等进行检查，确认情况正常后方可工作。</div>
<div class="text-indent">4、挖掘机工作时，禁止无关人员进入驾驶室，并不准在驾驶室内存放任何有碍工作的物件。</div>
<div class="text-indent">5、作业时应作到“五不碰”：不碰天轮；不碰保险轮；不碰履带板及机架；不碰缓冲木；不碰装载车辆、车厢。</div>
<div class="text-indent">6、作业时必须做到“八不准”：不准“三条腿”作业；不准单边斗牙硬啃；不准强力挖大块石和硬啃固石或根底；不准用斗牙挑大块石装车；铲斗未撤出掌子面，不准回转或行走；运输车辆未停稳，不准装车；铲斗不准从汽车驾驶室上方越过；不准用铲斗推动汽车。</div>
<div class="text-indent">7、铲斗装满回转时，不得采用紧急制动，以防飞料肇事。</div>
<div class="text-indent">8、禁止在满载时将铲斗悬空、进行行走或变动臂倾角。</div>
<div class="text-indent">9、挖掘机回转时，禁止任何人上、下车，在回转范围内不得通行和停留。</div>
<div class="text-indent">10、禁止挖掘未经爆破的五级以上岩石。</div>
<div class="text-indent">11、严禁用铲斗进行起吊作业。</div>
<div class="text-indent">12、发动机发动后，禁止任何人员站在铲斗和履带上。</div>
<div class="text-indent">13、严禁使用挖掘机的回转作用来拉动重物和车辆。</div>
<div class="text-indent">14、当挖掘机改作起重机使用时，在起吊接近满负荷物件时，必须先将重物吊起地10～30cm，停留2～3min，经检查确认牢固、平稳可靠，方可继续起升。在接近满负荷时，禁止进行两种操作动作。</div>
<div class="text-indent">15、起吊作用时，严禁人员在重物下通过或逗留。</div>
<div class="text-indent">16、严禁利用起重机吊运人员或人与物一起吊运。</div>
<div class="text-indent">17、重物悬吊在空中时，司机不得离开操作室或作其它工作。</div>
<div class="text-indent">18、作业时，臂杆最大倾角不得超过制造厂规定，无资料可查时，不得超过78度。</div>
			
		


			<div class="d-flex flex-row mt-2 justify-content-between">
				<div>
					<div @click="setUpEquipment('operateForm.announcer','TaskSignFinger')">告知者（签字）： </div>
					<el-image v-show="operateForm.announcer" class="sign_img" :src="operateForm.announcer" fit="fill"></el-image>
					<div>
						<el-input v-model="operateForm.year" class="people-input" placeholder=" " style="width: 0.8rem"></el-input>
						年
						<el-input v-model="operateForm.month" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
						月
						<el-input v-model="operateForm.day" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
						日
					</div>
				</div>
				<div>
					<div @click="setUpEquipment('operateForm.announcerd','TaskSignFinger')">被告知者（签字）：</div>
					<el-image v-show="operateForm.announcerd" class="sign_img" :src="operateForm.announcerd"
						fit="fill"></el-image>
					<div>
						<el-input v-model="operateForm.year1" class="people-input" placeholder=" " style="width: 0.8rem"></el-input>
						年
						<el-input v-model="operateForm.month1" class="people-input" placeholder=" "
							style="width: 0.5rem"></el-input>
						月
						<el-input v-model="operateForm.day1" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
						日
					</div>
				</div>
			</div>

		</div>
		<script>
			const {
				createApp,
				reactive,
				toRefs,
				ref,
				onMounted
			} = Vue;
			const vue3Composition = {
				setup() {
					const operateForm = ref({
						year: "",
						month: "",
						day: "",
						year1: "",
						month1: "",
						day1: "",
						announcer: "", //告知者
						announcerd: '', //被告知者
					});

					window.setSign = (event) => {
						operateForm.value[event.key] = event.img;
					};


					window.getData = (event) => {
						return operateForm.value;
					};
					window.setData = (data) => {
						operateForm.value = data;
					};

					//peopleForm.sign
					const setUpEquipment = (key, type) => {
						window.parent.childListener({
							key,
							type,
						});
					};
					return {
						operateForm,
						setUpEquipment,
					};
				},
			};
			const app = createApp(vue3Composition)
				.use(ElementPlus)
				.mount("#app");
		</script>
	</body>
</html>